<template>
  <div class="cards-demo-container">
    <ACard
      title="Card title"
      subtitle="Chocolate cake tiramisu donut"
      text="Ice cream sweet pie pie dessert sweet danish. Jelly jelly beans cupcake jelly-o chocolate bonbon chocolate bar."
      style="--a-loader-overlay-bg-opacity: 1"
    >
      <ALoader
        title="Heartbeat"
        subtitle="Made with love with Anu"
        class="[--a-loader-overlay-bg-c:var(--a-surface-c)]"
      >
        <i class="i-bx-bxs-heart text-red-500 text-4xl animate-heart-beat animate-count-infinite" />
      </ALoader>
    </ACard>
  </div>
</template>
